<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!-- 引入 ECharts 文件 -->
   <script src="js/echarts.min.js"></script>
</head>
<body>
    <div id="main" style="width: 600px;height:400px;"></div>
</body>
<script>
      var myChart = echarts.init(document.getElementById('main'));  
      var option = {
          tooltip: {
              trigger: '蒋琼浩',
              axisPointer: {
                  type: 'shadow'        
              }
          },
            title:{
                text:"蒋琼浩"
            },
            xAxis: {
                data: ["第一季度", "第二季度", "第三季度", "第四季度", ]
            },
            yAxis: {},
          series: [
              {
                  name: '华为p8',
                  type: 'bar',
                  stack: "华为",//同个类目轴上系列配置相同的stack值可以堆叠放置
                  data: [1345, 2355, 2341, 2316]
              },
              {
                  name: '华为p9',
                  type: 'bar',
                  stack: "华为",
                  data: [3252, 2345, 1245, 4561]
              },
              {
                  name: '华为p10',
                  type: 'bar',
                  stack: "华为",
                  data: [2355, 4679, 2341, 3451]
              },
              {
                  name: '小米p8',
                  type: 'bar',
                  stack: "小米",
                  data: [2345, 2235, 2452, 3416]
              },
              {
                  name: '小米p9',
                  type: 'bar',
                  stack: "小米",
                  data: [3354, 3462, 2345, 2345]
              },
              {
                  name: '小米10',
                  type: 'bar',
                  stack: "小米",
                  data: [3455, 2379, 2451, 4351]
              }
          ],
		  
      };
      myChart.setOption(option);
</script>

</html>